<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>testStar(星型控件)测试页面</title>
    <link href="/static/css/index.css" rel="stylesheet" type="text/css">
    <link href="/static/css/controls.css" rel="stylesheet" type="text/css">
    <style>
        [ng-cloak]{display:none}
        .disabledClass{
            color: #6e7679;
        }
    </style>


</head>
<body style="margin: 50px 50px;" ng-controller="StarController">

        <div>
            <label>其他页面元素:</label>
            <select>
                <option>选项一</option>
                <option>选项二</option>
            </select>
        </div>
        <!--
           元素名称:g-star(星型控件)
           属性说明:
               ng-show:控制元素显示和隐藏。true:显示;false:隐藏
               disabled:控制元素是否禁用。disabled:只要设有此属性则为禁用。不设此属性为启用。
               class-name:添加元素的class属性
               readonly:true:只读，false可点击。
               ng-model:双向绑定控制的值
        -->
        <div style="margin-bottom:6px;">
            <span  style="float:left;padding-top:6px;">星型打分:</span>
            <g-star class-name="" ng-show="show" ng-model="starValue" ></g-star>
            <br>
        </div>
        <label>文本框打分:</label>

        <input style="display: inline-block;width:100px;" ng-model="starValue" class="form-text"  ng-block>

    <script>
        var ctx = '';
        var basePath = '/gillion-web';
        var locale = 'zh-cn'
    </script>
    <script src="/bower_components/requirejs/require.js" data-main="/static/app.js"
            data-bootstrap-modules="['framework/star/TestStarModule']"></script>
</body>
</html>
